<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>我的订单</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <!--标准mui.css-->
        <link rel="stylesheet" href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/mui.min.css">
        <!--App自定义的css-->
        <link rel="stylesheet" type="text/css" href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/app.css" />
        <!--App自定义的css-->
        <link rel="stylesheet" type="text/css" href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/zhaojinyin_index.css" />
        <link href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        
        <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/mui.min.js"></script>

        
        <style>
            html,
            body {
                background-color: #efeff4;
            }
            .mui-bar~.mui-content .mui-fullscreen {
                top: 44px;
                height: auto;
            }
            .mui-pull-top-tips {
                position: absolute;
                top: -20px;
                left: 50%;
                margin-left: -25px;
                width: 40px;
                height: 40px;
                border-radius: 100%;
            }
            .mui-bar~.mui-pull-top-tips {
                top: 24px;
            }
            .mui-pull-top-wrapper {
                width: 42px;
                height: 42px;
                display: block;
                text-align: center;
                background-color: #efeff4;
                border: 1px solid #ddd;
                border-radius: 25px;
                background-clip: padding-box;
                box-shadow: 0 4px 10px #bbb;
                overflow: hidden;
            }
            .mui-pull-top-tips.mui-transitioning {
                -webkit-transition-duration: 200ms;
                transition-duration: 200ms;
            }
            .mui-pull-top-tips .mui-pull-loading {
                /*-webkit-backface-visibility: hidden;
                -webkit-transition-duration: 400ms;
                transition-duration: 400ms;*/
                
                margin: 0;
            }
            .mui-pull-top-wrapper .mui-icon,
            .mui-pull-top-wrapper .mui-spinner {
                margin-top: 7px;
            }
            .mui-pull-top-wrapper .mui-icon.mui-reverse {
                /*-webkit-transform: rotate(180deg) translateZ(0);*/
            }
            .mui-pull-bottom-tips {
                text-align: center;
                background-color: #efeff4;
                font-size: 15px;
                line-height: 40px;
                color: #777;
            }
            .mui-pull-top-canvas {
                overflow: hidden;
                background-color: #fafafa;
                border-radius: 40px;
                box-shadow: 0 4px 10px #bbb;
                width: 40px;
                height: 40px;
                margin: 0 auto;
            }
            .mui-pull-top-canvas canvas {
                width: 40px;
            }
            .mui-slider-indicator.mui-segmented-control {
                background-color: #efeff4;
            }

            .mui-table-view-cell{
                padding:0;
            }
            .mui-table-view-cell p{
                margin-bottom: 10px;


            }
            a.mui-active{
                border-bottom: 2px solid #BB9E77 !important;
                color: #BB9E77 !important;
            }
            .mui-table-view-cell:after{display:none;}
            .mui-segmented-control.mui-scroll-wrapper .mui-control-item{
                padding:0 15px;
            }
            .mui-segmented-control.mui-scroll-wrapper{
                    height: 41px;
            }
        </style>
    </head>

    <body>
        <header class="mui-bar">
            <a href="/mobile/index.php?act=member_index&op=member_index" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">我的订单</h1>
        </header>
        <div class="mui-content">
            <div id="slider" class="mui-slider mui-fullscreen">
                <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                    <div class="mui-scroll">
                        <a class="mui-control-item <?php echo $output['data'][1];?>" href="#item1mobile">
                            全部
                        </a>
                        <a class="mui-control-item <?php echo $output['data'][2];?>" href="#item2mobile">
                            待付款
                        </a>
                        <a class="mui-control-item <?php echo $output['data'][3];?>" href="#item3mobile">
                            待发货
                        </a>
                        <a class="mui-control-item <?php echo $output['data'][4];?>" href="#item4mobile">
                            待收货
                        </a>
                        <a class="mui-control-item <?php echo $output['data'][5];?>" href="#item5mobile">
                            待评价
                        </a>
                    </div>
                </div>
                <div class="mui-slider-group">
                    <div id="item1mobile" class="mui-slider-item mui-control-content <?php echo $output['data'][1];?>">
                        <div id="scroll1" class="mui-scroll-wrapper">
                            <div class="mui-scroll">
                                <ul class="mui-table-view">

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="item2mobile" class="mui-slider-item mui-control-content <?php echo $output['data'][2];?>">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll">
                                <ul class="mui-table-view">

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="item3mobile" class="mui-slider-item mui-control-content <?php echo $output['data'][3];?>">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll">
                                <ul class="mui-table-view">

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="item4mobile" class="mui-slider-item mui-control-content <?php echo $output['data'][4];?>">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll">
                                <ul class="mui-table-view">

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="item5mobile" class="mui-slider-item mui-control-content <?php echo $output['data'][5];?>">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll">
                                <ul class="mui-table-view">

                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/jquery.min.js"></script>
        <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/mui.pullToRefresh.js"></script>
        <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/mui.pullToRefresh.material.js"></script>
        <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/member_order.js"></script>
    </body>

</html>